<template>
	<view class="about">
		<view >
			<view class="iconfont icon-shouye logo"></view>
			<view class="edition">
				<span class="public"></span>
				<span class="title">版本</span>
				<view class="content">V1.0.0</view>
			</view>
			<view class="edition">
				<span class="public"></span>
				<span class="title">说明</span>
				<view class="content">『 微工具 』是一款基于微信开发的小程序, 目前已经开发完成的功能有
				手持弹幕、彩色二维码生成、去水印、IP地址查询、手机号码归属地查询、火星文转换、标准体重计算、每日饮水量计算、人民币大小写转换等功能. 
				还有一大批功能正在努力开发中...致力开发出更多实用且方便的微信小工具.</view>
			</view>
			<view class="edition">
				<span class="public"></span>
				<span class="title">说给您的话</span>
				<view class="content">&nbsp;&nbsp;&nbsp;&nbsp; 如果您在使用的过程中, 有让您感到不舒服的地方或者有更好的建议, 或者想跟我一起往下开发的朋友
				, 可以直接发我邮箱(nelyo@foxmail.com), 期待您的邮件!</view>
			</view>
			<view class="footer">
				<view class="iconfont icon-dashang left" @click="zanshang1">
					<text>打赏</text>
				</view>
				<view class="iconfont icon-hezuo right" @click="show = true">
					<text>合作</text>
				</view>
			</view>
			<u-popup v-model="show" mode="center" border-radius="10" width="400rpx" height="120px">
					<view class="popup1">
						<view>微信号: jzt03562524</view>
						<view>邮箱: nelyo@foxmail.com</view>
					</view>
			</u-popup>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				show: false,
				zanshang:false
			}
		},
		methods:{
			hezuo(){
				uni.showToast({
				    title: '标题',
				    duration: 2000
				});
			},
			zanshang1(){
				uni.previewImage({
				  current:0,
				  urls:['https://f10.baidu.com/it/u=2668856233,156745662&fm=30&app=106&f=JPEG&access=215967316?w=640&h=640&s=6A243462812EF6EC19F915CD0200C0B2']
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.about{
		padding: 20rpx 30rpx;
		.logo{
			font-size: 200rpx;
			text-align: center;
			color: #8b5fe2;
			padding-bottom: 20rpx;
		}
		.edition{
			.public{
				display: inline-block;
				width: 8rpx;
				height: 36rpx;
				background-color: #8b5fe2;
				margin-right: 20rpx;
				vertical-align: middle;
			}
			.title{
				font-size: 36rpx;
				vertical-align: middle;
			}
			.content{
				padding: 30rpx 60rpx;
			}
		}
	}
	.footer{
		width: 80%;
		display: flex;
		margin: 0 auto;
		justify-content: space-between;
		margin-top: 50rpx;
		.iconfont{
			width: 280rpx;
			text-align: center;
			font-size: 80rpx;
			color: #898b96;
		}
		text{
			margin-top: 8rpx;
			display: block;
			font-size: 28rpx;
		}
	}
	.popup1{
		padding: 20rpx;
		font-size: 30rpx;
		line-height: 80rpx;
	}
</style>
